<div class="p-strip is-shallow js-os-wrapper js-windows u-hide">
  {#<div class="row">
    <h4>How would you like to set up your build environment?</h4>
    <input type="radio" name="os" value="windows-auto" id="windows-auto" />
    <label for="windows-auto">Automatic (recommended)</label>
    <input type="radio" name="os" value="windows-manual" id="windows-manual" />
    <label for="windows-manual">Set up manually with Docker</label>
  </div>#}

  <div class="row js-os-type js-windows-auto{# u-hide#}">
    <div class="col-8">
      <ol class="p-stepped-list">
        <li class="p-stepped-list__item">
          <h4 class="p-stepped-list__title u-no-limit">
            <a href="https://docs.microsoft.com/en-us/windows/wsl/install-win10" target="_blank" class="p-link--external">Install Windows Subsystem for Linux</a>
            , choosing Ubuntu
          </h4>
        </li>
        <li class="p-stepped-list__item">
          <h4 class="p-stepped-list__title u-no-limit">
            Run WSL from the Windows Start menu
          </h4>
        </li>
        <li class="p-stepped-list__item">
          <h4 class="p-stepped-list__title u-no-limit">
            Install Snapcraft, the command-line tool for building snaps
          </h4>
          <span class="p-stepped-list__content">
            {% set snippet_value = "sudo apt install snapcraft" %}
            {% set snippet_id = "windows-install-snapcraft" %}
            {% include "/partials/_code-snippet.html" %}
          </span>
        </li>
      </ol>
    </div>
  </div>
  {#<div class="row js-os-type js-windows-manual u-hide">
    <div class="col-8">
      <ol class="p-stepped-list has-margin">
        <li class="p-stepped-list__item">
          <h4 class="p-stepped-list__title u-no-limit">
            <a href="https://docs.docker.com/docker-for-windows/install/" target="_blank" class="p-link--external">Install Docker</a>
            , if you don't have it already
          </h4>
        </li>
        <li class="p-stepped-list__item">
          <h4 class="p-stepped-list__title u-no-limit">
            Check that Docker is correctly configured
          </h4>
          <span class="p-stepped-list__content">
            {% set snippet_value = "docker run hello-world" %}
            {% set snippet_id = "windows-docker" %}
            {% include "/partials/_code-snippet.html" %}
            <p>
              If you don't see the "Hello from Docker!" message, consult the Docker documentation for troubleshooting steps.
            </p>
          </span>
        </li>
        <li class="p-stepped-list__item">
          <h4 class="p-stepped-list__title u-no-limit">
            Pull the latest snapcraft image:
          </h4>
          <span class="p-stepped-list__content">
            {% set snippet_value = "docker pull snapcore/snapcraft" %}
            {% set snippet_id = "windows-docker-pull" %}
            {% include "/partials/_code-snippet.html" %}
          </span>
        </li>
      </ol>
    </div>
  </div>#}
</div>
